<template>
  <div>
    <!-- 顶部导航栏 -->
    <nav class="navbar navbar-light">
        <div class="container">
            <!-- <a class="navbar-brand" href="index.html">conduit</a> -->
            <!-- <a class="navbar-brand" href="/">Home</a> -->
            <nuxt-link class="navbar-brand" to="/">Home</nuxt-link>
            <ul class="nav navbar-nav pull-xs-right">
                <li class="nav-item">
                    <!-- Add "active" class when you're on that page" -->
                    <nuxt-link class="nav-link active" to="/">Home</nuxt-link>
                </li>
                <li class="nav-item">
                    <nuxt-link class="nav-link" to="/editor">
                        <i class="ion-compose"></i>&nbsp;New Article
                    </nuxt-link>
                </li>
                <li class="nav-item">
                    <nuxt-link class="nav-link" to="/settings">
                        <i class="ion-gear-a"></i>&nbsp;Settings
                    </nuxt-link>
                </li>
                <li class="nav-item">
                    <nuxt-link class="nav-link" to="/login">Sign in</nuxt-link>
                </li>
                <li class="nav-item">
                    <nuxt-link class="nav-link" to="/register">Sign up</nuxt-link>
                </li>
                <li class="nav-item">
                  <nuxt-link class="nav-link" to="profile/123">
                    <img
                      class="user-pic"
                      src="https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics0.baidu.com%2Ffeed%2F72f082025aafa40f5a84eff1fb197f4579f019e6.jpeg%3Ftoken%3Dd27ba594bee0f90becf417f2d9490d2e&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1655312400&t=9bc0b5f298c9f18e3e6eb19ed2cddb3c"
                    >
                    username
                  </nuxt-link>
                </li>
            </ul>
        </div>
    </nav>

    <nuxt />

    <!-- 底部信息栏 -->
    <footer>
        <div class="container">
            <nuxt-link to="/" class="logo-font">conduit</nuxt-link>
            <span class="attribution">
              An interactive learning project from <nuxt-link to="https://thinkster.io">Thinkster</nuxt-link>. Code &amp; design licensed under MIT.
            </span>
        </div>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'LayoutIndex'
}
</script>
